<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Kukui Cup : Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/bootstrap-override.css" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="./css/responsive-utilities.less">
<link rel="stylesheet/less" type="text/css" href="./css/makahiki-structure.less">
<link rel="stylesheet/less" type="text/css" href="./home_files/home.less">
<link rel="stylesheet/less" type="text/css" href="./global_css/theme.less">

<script src="js/less-1.3.0.min.js" type="text/javascript"></script>
</head>

<body data-spy="scroll" data-target=".subnav" data-offset="50">
    <div id="info-bar-wide" class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <div class="span1">
                    <img src="./images/default_avatar.png" />
                </div>
                <div class="span3">
                    <h4>Cam M.</h4>
                    <div id="user-cycle">
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #2/2 in Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Rnd 1: 20 points. #4/17 overall.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/2 in Ilima-E.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Overall: 20 points. #1/17 overall.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <h4>Mokihana: Lounge A</h4>
                    <div id="team-cycle">
                        <div>
                            <ul>
                                <li>Overall: 570 points. #2 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 88 kWh. #1 out of 20.</li>
                            </ul>
                        </div>
                        <div>
                            <ul>
                                <li>Round 1: 50 gallons. #7 out of 20.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span3">
                    <div id="round-cycle">
                        <div class="span3">
                            <ul>
                                <li><h4>Overall Round</h4></li>
                                <li>Ends in 5 Days, 9 Hours, and 39 Minutes</li>
                            </ul>
                        </div>
                        <div class="span3">
                            <ul>
                                <li><h4>Next Workshop</h4></li>
                                <li>Friday evening @ 5pm.</li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="span2">
                    <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <div id="info-bar-single" class="container-fluid">
        <div class="row-fluid">
            <div class="span12" style="text-align: center">
                <div class="span4">
                    <div id="single-cycle">
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#2 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points in Round 1</br>#4 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 2 in Ilima-E
                        </div>
                        <div class="span3">
                            <h4>Cam M.</h4>
                            20 points #1 out of 17 overall
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            570 points #2 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            88 kWh #1 out of 20
                        </div>
                        <div class="span3">
                            <h4>Mokihana: Lounge A</h4>
                            50 gallons #7 out of 20
                        </div>
                        <div class="span3">
                            <h4>Overall Round</h4>
                            Ends in 5 Days, 9 Hours, and 39 Minutes
                        </div>
                        <div class="span3">
                            <h4>Next Workshop</h4>
                            Friday evening @ 5pm.
                        </div>
                    </div>
                </div>
                <div id="feedback-logout" class="span2">
                    <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
                    <a href="landing.html">Logout</a>
                </div>
            </div>
        </div>
    </div>
    <p></p>
    <p></p>

    <!-- Navbar
    ================================================== -->
    <div class="navbar container">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span
                    class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
                </a>
                <div class="brand">
                    <img src="./images/spacer-54.png" alt="University of Hawaii" />
                    <div class="caption">Kukui Cup/UH</div>
                </div>

                <div class="nav-collapse">
                    <ul class="nav">
                        <!-- Choose the correct active page by adding active to the class list -->
                        <li class="home"><a href="home.html" class="home"><img
                                src="./images/spacer-54.png">Home</a></li>
                        <li class=""><a href="activities.html" class="activities"> <img
                                src="./images/spacer-54.png"> Get Nutz
                        </a></li>
                        <li class=""><a href="energy.html" class="energy"> <img
                                src="./images/spacer-54.png"> Go Low
                        </a></li>
                        <li class=""><a href="water.html" class="water"><img
                                src="./images/spacer-54.png"> Water</a></li>
                        <li class=""><a href="news.html" class="news"> <img
                                src="./images/spacer-54.png"> News
                        </a></li>
                        <li class=""><a href="advanced.html" class="advanced"><img
                                src="./images/spacer-54.png"> Advanced</a></li>
                        <li class=""><a href="prizes.html" class="prizes"> <img
                                src="./images/spacer-54.png"> Prizes
                        </a></li>
                        <li class=""><a href="profile.html" class="profile"> <img
                                src="./images/spacer-54.png"> Profile
                        </a></li>
                        <li class=""><a href="help.html" class="help"> <img
                                src="./images/spacer-54.png"> Help
                        </a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    
    <!-- Quest box
    ================================================== -->
    <div id="quest-box" class="container navbar-inner hidden-phone" style="clear: both">
        <div id="quest-header">
            <h3 id="quest-title">Your Quests</h3>
            <a href="http://dasha.ics.hawaii.edu:8200/profile/?ref=nav-button#" style="float: right">
                <img src="./images/icon-help-sm.png" width="20" align="center"
                title="Click to get help about this window"
                onclick="toggleHelp(&#39;widget&#39;, &#39;quests&#39;); return false;">
            </a>
        </div>
        <div class="accordion" id="accordion2">
            <ul id="quest-list">
                <li><div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" href="#collapseOne">
                                Get social</a>
                        </div>
                        <div id="collapseOne" class="accordion-body collapse">
                            <div class="accordion-inner">Anim pariatur cliche reprehenderit,
                                enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
                                moon officia aute, non cupidatat skateboard dolor brunch. Food truck
                                quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
                                aliqua put a bird on it squid single-origin coffee nulla assumenda
                                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes
                                anderson cred nesciunt sapiente ea proident. Ad vegan excepteur
                                butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw
                                denim aesthetic synth nesciunt you probably haven't heard of them
                                accusamus labore sustainable VHS.</div>
                        </div>
                    </div></li>
                <li>
                    <div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" href="#collapseTwo">
                                Get the Fully Committed badge </a>
                        </div>
                        <div id="collapseTwo" class="accordion-body collapse">
                            <div class="accordion-inner">Anim pariatur cliche reprehenderit,
                                enim eiusmod high life accusamus terry richardson ad squid. 3 wolf
                                moon officia aute, non cupidatat skateboard dolor brunch. Food truck
                                quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt
                                aliqua put a bird on it squid single-origin coffee nulla assumenda
                                shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes
                                anderson cred nesciunt sapiente ea proident. Ad vegan excepteur
                                butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw
                                denim aesthetic synth nesciunt you probably haven't heard of them
                                accusamus labore sustainable VHS.</div>
                        </div>
                    </div>
                </li>
                <li><div class="accordion-group">
                        <div class="accordion-heading">
                            <a class="accordion-toggle" data-toggle="collapse" href="#collapseThree"
                                rel="tooltip" title="first tooltip"> Check lounge energy use </a>
                        </div>
                        <div id="collapseThree" class="accordion-body collapse">
                            <div class="accordion-inner">
                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                                terry richardson ad squid. 3 wolf moon officia aute, non cupidatat
                                skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod.
                                Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid
                                single-origin coffee nulla assumenda shoreditch et. Nihil anim
                                keffiyeh helvetica, craft beer labore wes anderson cred nesciunt
                                sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings
                                occaecat craft beer farm-to-table, raw denim aesthetic synth
                                nesciunt you probably haven't heard of them accusamus labore
                                sustainable VHS.
                                <p>
                                    <a class="btn" href="#">Or do this</a><a class="btn btn-danger"
                                        href="#">Take this action</a>
                            </div>
                        </div>
                    </div></li>
            </ul>
        </div>

        <!-- <script src="js/countdown.js" type="text/javascript"></script> -->

    </div>
    <!-- Collapsed Quest box
    ================================================== -->
    <div class="horizontalaccordion visible-phone">
        <ul>
            <li>
                <h3>Get social</h3>
                <div>Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus
                    terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard
                    dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon
                    tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda
                    shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson
                    cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
                    Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
                    you probably haven't heard of them accusamus labore sustainable VHS.</div>
            </li>
            <li>
                <h3>Get the Fully Committed badge</h3>
                <div>Content For Panel 2</div>
            </li>
            <li>
                <h3>Check lounge energy use</h3>
                <div>
                    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry
                    richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor
                    brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor,
                    sunt aliqua put a bird on it squid single-origin coffee nulla assumenda
                    shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson
                    cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo.
                    Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt
                    you probably haven't heard of them accusamus labore sustainable VHS.
                    <p>
                        <a class="btn" href="#">Or do this</a><a class="btn btn-danger" href="#">Take
                            this action</a>
                </div>
            </li>
        </ul>
    </div>
    <p></p>

    <div class="content container">
        <div class="content">
            <div id="home-center" class="row">
                <div id="home-activities" class="home-item span4">
                    <a href="activities.html"> <img id="home-activities-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                    <div class="tile">
                      <h6 id="home-activities-title">Get Nutz</h6>
                      <p id="home-activities-content">
                         Do activities and make committments<br> Earn Kukuicup points<br> See where you stand 
                      </p>
                    </div>
                </div>
                <div id="home-energy" class="home-item span4">
                    <a href="energy.html"> <img id="home-energy-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                    <div class="tile">
                        <h6 id="home-energy-title">Go Low</h6>
                        <p id="home-energy-content">
                            Observe and Conserve Energy<br> Track conservation goals<br> Compare usage to others 
                        </p>
                    </div>
                </div>
                <div id="home-news" class="home-item span4">
                    <a href="news.html"> <img id="home-news-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                    <div class="tile">
                        <h6 id="home-news-title">News</h6>
                        <p id="home-news-content">
                            What are people doing?<br> Your public comments<br> Top activities and events 
                        </p>
                    </div>
                </div>

                <div id="home-prizes" class="home-item span4">
                    <a href="prizes.html"> <img id="home-prizes-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                    <div class="tile">
                        <h6 id="home-prizes-title">Prizes</h6>
                        <p id="home-prizes-content">
                            See the prizes<br> Allocate your points<br> Monitor your chances 
                        </p>
                    </div>
                </div>
                <div id="home-profile" class="home-item span4">
                    <a href="profile.html"> <img id="home-profile-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                    <div class="tile">
                        <h6 %="" get_id_and_classes="" "home-profile-title"=""%}="">Profile</h6>
                        <p %="" get_id_and_classes="" "home-profile-content"=""%}="">
                            Manage your Settings<br> Connect to facebook<br> Change your picture 
                        </p>
                    </div>
                </div>

                <div id="home-help" class="home-item span4">
                    <a href="help.html"> <img id="home-help-icon" src="./home_files/spacer.png" width="65" align="Left" height="65"></a>
                    <div class="tile">
                        <h6 id="home-help-title">Help</h6>
                        <p id="home-help-content">
                            Get acquainted with the Kukuicup<br> Watch an introductory video<br> Learn the rules 
                        </p>
                    </div>
                </div>
                
            </div>
        </div>
    </div>


    <!-- javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="js/jquery.js"></script>

    <script src="js/bootstrap-transition.js"></script>
    <script src="js/bootstrap-alert.js"></script>
    <script src="js/bootstrap-modal.js"></script>
    <script src="js/bootstrap-dropdown.js"></script>
    <script src="js/bootstrap-scrollspy.js"></script>
    <script src="js/bootstrap-tab.js"></script>

    <script src="js/bootstrap-tooltip.js"></script>
    <script src="js/bootstrap-popover.js"></script>
    <script src="js/bootstrap-button.js"></script>
    <script src="js/bootstrap-collapse.js"></script>
    <script src="js/bootstrap-carousel.js"></script>
    <script src="js/bootstrap-typeahead.js"></script>
    <script src="js/jquery.cycle.all.js"></script>

    <script src="js/cycle.js" type="text/javascript"></script>
</body>
</html>